<script setup>
const banner = [
    '/images/banner1.png',
    '/images/banner2.png'
]
</script>

<template>
    <van-swipe 
        class="home-swiper" 
        :autoplay="3000" 
        indicator-color="var(--van-primary-color)">

        <van-swipe-item v-for= "item in banner" :key="item">
            <img :src = "item" />
        </van-swipe-item>
    </van-swipe>
</template>

<style lang="scss" scoped>
    .home-swiper{
        width: 100%;
        img{
            width: 100%;
        }
    }
</style>